Components › Forms & input › Date & time › Calendar

Calendar

canon

Month grid with navigation and presets, single or range selection.

Calendar PAGE chrome (acrm !3942, AD 27 Sep 2026): month label = SectionTopBarChip opening the jump popover (the page title stays „Kalendář“); year ←→ = IconButton sm; the 12-month grid reuses the day cell `.dp-day` with `.sel` + aria-current — one „selected“ look for date picking, no button variant as state. DELIBERATE EXCEPTION: the nav trio ‹ ● › (previous · today · next) keeps its own look per the owner’s ACRM-91/97/103 (arrows without a hover surface that only darken, „Dnes“ a small grey circle-dot) — real <button>s with aria-label and a focus ring, tokens only; do not convert to IconButton. The day-panel ear (.cal-ear) is a second exception (surface chrome, tokens only).

Used in 7 files · 6 areas · 7× — components/FilterBar, components/callwrapup, components/mail, components/projects, components/tasks, components/timeline

@acrm/ui <Calendar>.dp-pop .dp-month .dp-grid .dp-day +2Source Story Legacy card dates.html

Examples Code Usage Accessibility Changelog

Changelog since 30. 9. 2026

29. 10. 2026polish(ds): šipky měsíce v kalendáři mají na dotyku 44 px (--tap-min)apps/web/src/ds/date-picker.cssŠtěpán · d17218f01
17. 10. 2026refactor(ds): tokeny podle významu — vrstvy, pohyb, focus ring, text na barvě (beze změny vzhledu)apps/web/src/ds/date-picker.cssŠtěpán · 8cda81b26
4. 10. 2026fix(ui): upozornění červeně se čtvercovým glyfem, žádná hnědá (A3b — reporty, asistent, pošta, schůzky, dialer, kariéra)apps/web/src/ds/date-picker.cssŠtěpán · 5ef526b2b
2. 10. 2026fix(ds): ikona řádku form-less dialogu na ose kanonického poleapps/web/src/ds/date-picker.cssŠtěpán · f8e22faa2
1. 10. 2026fix(ui): najeti na den kalendare jen pod (hover: hover)apps/web/src/ds/date-picker.cssŠtěpán · 8f3c11566
30. 9. 2026refactor(ds): rozměry natvrdo na tokeny podle významu — vlna 1 (--tap-min, --tab-h + přesné hodnoty)apps/web/src/ds/date-picker.cssŠtěpán · d9fe30719